<div ng-style="{display: subSystems.length>1?null:'none'}" class="subsystem">
    <div class="show">
        <div class="item"
             ng-repeat="sys in subSystems"
             ng-class="{'selected':sys.MODULE_ID == selectedSystem}"
             ng-click="changeSystem(sys.MODULE_ID);">
            {{sys.MODULE_NAME}}
        </div>
        <div class="item item-more-btn" ng-mouseover="showHiddenSysList(true, $event)" ng-mouseleave="showHiddenSysList(false, $event)"
             ng-style="{'display': (_showMoreBtm==true ? null : 'none')}">
            <i class="fa fa-angle-double-right"></i>
        </div>
    </div>
    <div id="subsystem-hidden-bar" class="popup"  ng-mouseleave="showHiddenSysList(false, $event)" ng-style="{'display': (_showHiddenSysList==true ? null : 'none')}">
        <div class="item"
             ng-repeat="sys in hiddenSubSystems"
             ng-class="{'selected':sys.MODULE_ID == selectedSystem}"
             ng-click="changeSystem(sys.MODULE_ID);">
            {{sys.MODULE_NAME}}
        </div>
    </div>
</div>